<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Animal kingdom</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/font.css">
    <link rel="stylesheet" type="text/css" href="css/myButton.css">
    <link rel="stylesheet" type="text/css" href="css/shapes.css">
    <link rel="stylesheet" type="text/css" href="css/nav.css">
    <link rel="stylesheet" type="text/css" href="css/animation.css">
    <link rel="stylesheet" type="text/css" href="css/taiji.css">
    <link rel="stylesheet" type="text/css" href="css/info.css">
    <link rel="stylesheet" type="text/css" href="css/color.css">
    <link rel="stylesheet" type="text/css" href="css/size.css">
    <link rel="stylesheet" type="text/css" href="css/square.css">
    <link rel="stylesheet" type="text/css" href="css/audio.css">
    <link  type="text/css" href="css/font-awesome.min.css"
           rel="stylesheet">
<!--    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->

</head>
<body>
<header class="nav transition-250ms" style="z-index: 1111;transition: 2s ease;">
    <a id="top"></a>
    <h1>动物界</h1>
    <!--    https://blog.csdn.net/qq_35585701/article/details/81040901-->
    <!--    <button class="box box-blue box-100 float-right font-size-25" id="goHome">回去主页</button>-->
    <button class="box box-blue box-100 float-right font-size-25" id="goHome">
        <span>回</span>
        <span>去</span>
        <span>主</span>
        <span>页</span>
    </button>
    <!--    回去主页-->

    <!--    <button class="Button SearchBar-askButton Button&#45;&#45;primary Button&#45;&#45;blue" id="doLogin">登陆</button>-->
</header>
<!--<div  class="nav"></div>-->
<!--<button class="Button SearchBar-askButton Button&#45;&#45;primary Button&#45;&#45;blue" id="goHome">回去主页</button>-->
<!--<div class="heart-jump"></div>-->
<!--面包屑导航-->
<!--style="display: inline-flex"-->
<!--style="background-color:palegoldenrod;"-->
<!--bg-whitesmoke-->
<div class="cols " >

    <a href="脊索模块.html" class="box box-200-100 hover-rotate" style="background-color:red;">脊索动物门</a>
    <!--{原生动物门}-->
    <!--a.box.box-100[style="background-color:#338de$;" href="dog.html"]*7-->
    <a href="腔肠动物门.html" class="box box-200-100" style="background-color:orange;">腔肠动物门</a>
    <a href="dog.html" class="box box-200-100" style="background-color:yellow;color: black">菱形虫门 </a>
    <a href="dog.html" class="box box-200-100" style="background-color:green;">直泳虫门</a>
    <a href="dog.html" class="box box-200-100" style="background-color:cyan;color: black">环节动物门</a>
    <a href="dog.html" class="box box-200-100" style="background-color:blue;">棘皮动物门</a>
    <a href="dog.html" class="box box-200-100" style="background-color:purple;">节肢动物门</a>
    <a href="dog.html" class="box box-200-100" style="background-color:#338de7;">软体动物门</a>


</div>


<!--正文-->
<!--cols-->
<!--style="background-color:palegoldenrod;"-->
<div class="row bg-whitesmoke" >
    <div class="col">
        <div class="crumb-nav-container block">
            <i class="fa fa-navicon" style="transform: translateY(5px);"></i>
            <section class="crumb-nav">您现在的位置：<a href="animals.html">首页</a> &gt;&gt;<a href="Kingdom.html">界</a>&gt;&gt;
                动物界</section>
        </div>
        <div class="display-container ">
            <div class="grid">
                <!--            <img src="images/dogalasijia.jpg">-->
                <div class="item item-1 hover-big hover-shadow"></div>
                <div class="item item-2 hover-big hover-shadow"></div>
                <div class="item item-3 hover-big hover-shadow"></div>
                <div class="item item-4 hover-big"></div>
                <div class="item item-5 hover-big"></div>
                <!--    <div class="item item-6">6</div>-->
                <!--    <div class="item item-7">7</div>-->
                <!--    <div class="item item-8">8</div>-->
                <!--    <div class="item item-9">9</div>-->
            </div>
        </div>

        <!--        <div class="img-blank">-->
        <!--            <img src="images/duck.jpg">-->
        <!--            <img src="images/dogalasijia.jpg">-->
        <!--            <img src="images/节肢动物.jfif">-->
        <!--            <img src="images/jellyfishFlash.png"></div>-->
    </div>

    <!--    style="background-color:blue;-->
    <!--    <div class="col">-->

    <!--        <div class="taiji taiji-500">-->
    <!--            <div class="yang"></div>-->
    <!--            <div class="yin"></div>-->
    <!--        </div>-->
    <!--        <div><img src="images/heart.png" class="heart-jump" alt="heart"/></div>-->
    <!--    </div>-->
</div>

<!--https://www.cnblogs.com/alanjl/p/3423858.html-->
<div id="gotop">
    <!--    style="line-height:40px; text-align:center;"-->
    <a href="#top" class=""> <i class="fa fa-arrow-up center-block" title="回到顶部"
                                style="width: 20px;height: 20px"></i></a>
</div>


<div id="copyright" class="copyright">
    <div>Copyright (C) <a href="animals.html">生物们！</a> 2016-2018, All Rights Reserved | 动物宠爱经营许可证
        <a href="http://jigsaw.w3.org/css-validator/check/referer">
            <img style="border:0;width:31px;height:31px" src="images/heart.png" alt="Valid CSS!">
        </a>
    </div>
    <address>通讯地址：杜王町 &nbsp;&nbsp;电话：（010）87878787&nbsp;&nbsp;网管信箱：joske@diamond.jojo.bangumi.com</address>
</div>
<script src="js/button.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/audio.js" type="text/javascript"></script>

</body>
</html>